<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">



<link rel="stylesheet" type="text/css" href="css/cart.css">
<link rel="stylesheet" type="text/css" href="css/wap.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">



<title>购物车</title>
</head>

<body class="main add-address" id="main">

<header id="login-head" class="login-head">
	<div class="head-left"><a href="javascript:;" onclick="history.back(-1)"><i></i></a></div>
    <div class="head-middle querendingdan">购物车</div>
	<div class="simi-right"><span class="ediTundeLay">编辑</span></div>
</header>
<div class="head-bg"></div>

<article style="padding-bottom:7.562em;">
	<div class="buy-layoutCon">
		<dl class="layoutLIst" id="list-1">
        	<dt>
            	<div class="Round"></div>
                <div class="buy-tit"><span>企业服务</span></div>
            </dt>
        
			<dd class="layoutLi">
                	<div class="layout-right"><div class=" Rounds"></div></div>
                    <a  class="aa-pic" href="javascript:;"><img src="images/itemlist-01.png"></a>
					<div class="layou">
                        <div class="layou-tit">
                            <p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
                        </div>
						<div class="layou2">
							<div class="layou-tit2">
								<div class="buy-test" id="buy-test">
									<div id="buy_min" class="buy_off"><i></i></div>
									<div class="buy_num buy_one num">1</div>
									<div id="buy_max" class="buy_plus"><i></i></div>
								</div>
								<div class="buy-sku">
									<span class="tit titi">套餐一</span>
									<span class="icon-sku"></span>
								</div>
							</div>
						</div>
						<div class="buy-price">
							<p><span>￥<em class="price">450</em></span></p>
						</div>
                    </div>
				<div class="buy-del">
					删除
				</div>
			</dd>
		</dl>
		<dl class="layoutLIst" id="list-1">
			<dt>
			<div class="Round"></div>
			<div class="buy-tit"><span>企业服务</span></div>
			</dt>

			<dd class="layoutLi">
				<div class="layout-right"><div class=" Rounds"></div></div>
				<a  class="aa-pic" href="javascript:;"><img src="images/itemlist-01.png"></a>
				<div class="layou">
					<div class="layou-tit">
						<p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
					</div>
					<div class="layou2">
						<div class="layou-tit2">
							<div class="buy-test" id="buy-test">
								<div id="buy_min" class="buy_off"><i></i></div>
								<div class="buy_num buy_one num">1</div>
								<div id="buy_max" class="buy_plus"><i></i></div>
							</div>
							<div class="buy-sku">
								<span class="tit titi">套餐一</span>
								<span class="icon-sku"></span>
							</div>
						</div>
					</div>
					<div class="buy-price">
						<p><span>￥<em class="price">450</em></span></p>
					</div>
				</div>
				<div class="buy-del">
					删除
				</div>
			</dd>
			<dd class="layoutLi">
				<div class="layout-right"><div class=" Rounds"></div></div>
				<a  class="aa-pic" href="javascript:;"><img src="images/itemlist-01.png"></a>
				<div class="layou">
					<div class="layou-tit">
						<p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
					</div>
					<div class="layou2">
						<div class="layou-tit2">
							<div class="buy-test" id="buy-test">
								<div id="buy_min" class="buy_off"><i></i></div>
								<div class="buy_num buy_one num">1</div>
								<div id="buy_max" class="buy_plus"><i></i></div>
							</div>
							<div class="buy-sku">
								<span class="tit titi">套餐一</span>
								<span class="icon-sku"></span>
							</div>
						</div>
					</div>
					<div class="buy-price">
						<p><span>￥<em class="price">450</em></span></p>
					</div>
				</div>
				<div class="buy-del">
					删除
				</div>
			</dd>
		</dl>
		<dl class="layoutLIst" id="list-1">
			<dt>
			<div class="Round"></div>
			<div class="buy-tit"><span>企业服务</span></div>
			</dt>

			<dd class="layoutLi">
				<div class="layout-right"><div class=" Rounds"></div></div>
				<a  class="aa-pic" href="javascript:;"><img src="images/itemlist-01.png"></a>
				<div class="layou">
					<div class="layou-tit">
						<p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
					</div>
					<div class="layou2">
						<div class="layou-tit2">
							<div class="buy-test" id="buy-test">
								<div id="buy_min" class="buy_off"><i></i></div>
								<div class="buy_num buy_one num">1</div>
								<div id="buy_max" class="buy_plus"><i></i></div>
							</div>
							<div class="buy-sku">
								<span class="tit titi">套餐一</span>
								<span class="icon-sku"></span>
							</div>
						</div>
					</div>
					<div class="buy-price">
						<p><span>￥<em class="price">450</em></span></p>
					</div>
				</div>
				<div class="buy-del">
					删除
				</div>
			</dd>
		</dl>
	</div>
<!--失效商品-->
	<div class="Invalid">
        <div class="Invalid-holder">
            <div class="Invalid-tit">失效商品</div>
        </div>
        <div class="Invalid-goods">
			<div class="Invalid-ul">
				<div class="layout-right"><div class="Invalid-icon">失效</div></div>
				<div class="layou"><a class="img" href="javascript:;"><img src="images/itemlist-01.png"></a>
					<div class="layou-tit">
						<p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
						<p><span>宝贝已不能购买，请联系卖家</span></p>
					</div>
				</div>
			</div>
			<div class="Invalid-ul">
				<div class="layout-right"><div class="Invalid-icon">失效</div></div>
				<div class="layou"><a class="img" href="javascript:;"><img src="images/itemlist-01.png"></a>
					<div class="layou-tit">
						<p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
						<p><span>宝贝已不能购买，请联系卖家</span></p>
					</div>
				</div>
			</div>
			<div class="Invalid-ul">
				<div class="layout-right"><div class="Invalid-icon">失效</div></div>
				<div class="layou"><a class="img" href="javascript:;"><img src="images/itemlist-01.png"></a>
					<div class="layou-tit">
						<p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
						<p><span>宝贝已不能购买，请联系卖家</span></p>
					</div>
				</div>
			</div>
		</div>
    </div>
</article>
<div class="Settlement detelebuy clearfix" style="display:none;" >
	<div class="detelebuy-box">
		<div><div><div class="Round RoundLay"></div>全选</div></div>
		<a href="javascript:;" class="sublit Invalid-btn">清理失效</a>
		<a href="javascript:;" class="subbuy">删除</a>
	</div>
</div>
<div class="Settlement jiesuan clearfix">
	<div class="Settlement-box">
		<div><div><div class="Round RoundLay"></div>全选</div></div>
		<p>合计：<span>￥<em class='monyLay'>0</em>.00</span></p>
		<a href="javascript:;" class="sublit">结算（<span class="Length">0</span>）</a>
	</div>
</div>


<footer id="footer" class="clearfix">
	<ul class="footer-user">
		<li><a href="index.html">
			<i class="icon-index"></i>
			<p>首页</p></a>
		</li>
		<li><a href="fenlei.html">
			<i class="icon-fenleii"></i>
			<p>分类</p></a>
		</li>
		<li class="active"><a href="cart.html">
			<i class="icon-buy"></i>
			<p>购物车</p></a>
		</li>
		<li><a href="personal.html">
			<i class="icon-center"></i>
			<p>个人中心</p></a>
		</li>
	</ul>
</footer>
<div id="gotop"></div>
<!--弹出删除框-->
<aside id="del">
    <div id="pop-bg">
        <div class="dele-box">
            <p>确认将这个商品删除？</p>
            <p><span class="cancel-btn">取消</span><span class="delete-btn">删除</span></p>
        </div>
	</div>
</aside>
<!--弹出清空删除框-->
<aside id="delall">
	<div id="pop-bg">
		<div class="deleall-box">
			<p>确认清空失效宝贝吗?</p>
			<p><span class="cancel-btn">取消</span><span class="deleteall-btn">删除</span></p>
		</div>
	</div>
</aside>
<!--弹出批量删除框-->
<aside id="delnum">
	<div id="pop-bg">
		<div class="delenum-box">
			<p>确认将这<em class="Length"></em>个商品删除？</p>
			<p><span class="cancel-btn">取消</span><span class="deletenum-btn">删除</span></p>
		</div>
	</div>
</aside>
<!--弹出选择分类-->
<aside id="aside">
    <div id="pop-bg"></div>
    <div id="pop-main">
        <div class="sku-pro">
        	<div class="sku-pro-img"><img src="images/itemlist-01.png"></div>
            <div class="sku-pro-price">
				<p class="h">&yen;33.9</p>
				<p>简单淘客小程序源码 淘宝客分销小程序 微信小程序</p>
				<p class="txt">已选：&nbsp;“ 套餐套餐1 ”</p>
            </div>
            <div class="sku-close"><i></i></div>
        </div>
      <div class="sku-info">
        	<p>套餐选择</p>
            <ul>
            	<li class="active"><a href="javascript:;">套餐套餐1</a></li>
                <li><a href="javascript:;">套餐套餐2</a></li>
                <li><a href="javascript:;">套餐套餐3</a></li>
                <li><a href="javascript:;">套餐套餐4</a></li>
                <li><a href="javascript:;">套餐套餐5</a></li>
                <li><a href="javascript:;">套餐套餐6</a></li>
                <li><a href="javascript:;">套餐套餐7</a></li>
                <li><a href="javascript:;">套餐套餐8</a></li>
            </ul>
        </div>
        <div class="sku-buys">
        	<p>数量选择</p>
                <div class="buy-test" id="buy-test">
                    <div id="buy_min2" class="buy_min"><i></i></div>
                    <div class="buy_num2 buy_shuliang">1</div>
                    <div id="buy_max2" class="buy_max"><i></i></div>
                </div>
        </div>
        <div class="sku-btns">
        	<div class="sku-btn-queding"><a href="javascript:;">确定</a></div>
        </div>
    </div>
</aside>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/gotop.js"></script>
<script>
	$(document).ready(function(){
		cart();
	});
</script>
<script language="javascript">
	let self = this;
	document.addEventListener('touchstart', function (e) {
		self.moveY = e.targetTouches[0].pageY;
		self.moveX = e.targetTouches[0].pageX;
	})
	document.addEventListener('touchmove', function (e){
		e.preventDefault();
		let moveWidth = self.moveY - e.targetTouches[0].pageY;
		let moveX = self.moveX - e.targetTouches[0].pageX;
		if (moveWidth !== 0) {
			document.body.scrollTop += moveWidth;
		}
		if (moveX !== 0) {
			document.addEventListener('touchmove',function(event){event.preventDefault(); },false);
		}
	})
</script>

</body>
</html>
